<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery-slim.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<title>test3</title>
	<style>
		.container div{
			border: 1px solid red;
		}
	</style>
</head>
<body>

<div class="container ">
	<div class="row">
		<h1>
			Bootstrap
			<span class="font-italic font-weight-normal">css</span>
			<span class="font-weight-normal text-capitalize h3">type</span>
		</h1>
	</div>
	<div class="row ">
		<div class="col-3 offset-9 ">
			<input class="form-control" type="text" >
		</div>
	</div>
	<div class="row">
		<div class="col-3">
			<ul class="list-unstyled">
				<li><a href="">Startup</a></li>
				<li><a href="">Global CSS</a></li>
				<li><a href="">Component</a></li>
				<li><a href="">JS Plugin</a></li>
				<li><a href="">customize</a></li>
			</ul>
		</div>
		<div class="col-6">
			<div>
				<p>三人行,必有我师</p>
				<p>-------孔子曰</p>
			</div>
			<table class="table table-striped table-hover">
				<tr>
					<td>编号</td>
					<td>名称</td>
					<td>作者</td>
					<td>价格</td>
				</tr>
				<tr>
					<td>001</td>
					<td>西游记</td>
					<td>吴承恩</td>
					<td>19.9</td>
				</tr>
				<tr>
					<td>002</td>
					<td>三国</td>
					<td>罗贯中</td>
					<td>18.9</td>
				</tr>
				<tr>
					<td>003</td>
					<td>红楼梦</td>
					<td>曹雪芹</td>
					<td>29.9</td>
				</tr>
				<tr>
					<td>004</td>
					<td>水浒传</td>
					<td>施耐庵</td>
					<td>10.9</td>
				</tr>
			</table>
		</div>
		<div class="col-3">
			<h2>课程简介</h2>
			<a href="">HTML/CSS 8</a> <br>
			<a href="">JS 9.5</a> <br>
			<a href="">NodeJS 7</a> <br>
			<p>知识改变命运</p>
			<p>------伟人</p>
		</div>
	</div>
	<div class="row justify-content-center">
		版权所有 Tarena
	</div>

</div>

</body>
</html>